<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <title>主页</title>

</head>
<body>
    <div class="container-fluid" style="padding-left: 0px; padding-right: 0px;">
        <div class="row no-gutters my-header">
            <div class="col-4 logo">
                <img src="images/logo.png" height="32px"/>
            </div>
            <div class="col-2"></div>
            <div class="col-2 my-icon">
                <a href="profile.jsp" >
                    <svg class="my-svg" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15,12H9a5,5,0,0,0-5,5v4H20V17A5,5,0,0,0,15,12Zm3,7H6V17a3,3,0,0,1,3-3h6a3,3,0,0,1,3,3Zm-6-8A4,4,0,1,0,8,7,4,4,0,0,0,12,11Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,12,5Z"></path></svg>
                </a>
            </div>
            <div class="col-2 my-icon">
                <a href="history">
                    <svg class="my-svg" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16,14l2-2V22H2V2H16L14,4H4V20H16ZM12,6H6V8h6ZM6,12H8V10H6Zm-.23,6.29,4.66-2.05L22,4.66,19.34,2,7.72,13.73Z"></path></svg>
                </a>
            </div>
            <div class="col-2 my-icon">
                <svg class="my-svg" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.677 10l-1.245-3.114L12.646 5h-1.292L8.568 6.886 7.323 10H2l2.544 7.633A2 2 0 0 0 6.441 19h11.117a2 2 0 0 0 1.898-1.368L22 10zm-6-3h2.646l1.2 3H9.477zm6.881 10H6.441l-1.666-5h14.45z"></path></svg>
            </div>
        </div>

        <div class="row notice">
            <div class="col-12 yesterday-info" id="logined"><a href="yesterday.jsp" style="text-decoration: none;color: #666666;">昨日共有 ${applicationScope.notClockinStudentsSize} 人未签到。查看详情></a></div>
            <div class="col-12 yesterday-info" id="login-first"><a href="login-teacher.jsp" style="color: #666666;text-decoration: none; ">发布签到和查看签到详情，请先登录></a></div>
        </div>
    </div>

    <div class="release">
        <div class="left-triangle"></div>
        <div class="release-content">
            <div id="today"></div>
            <div class="text">关注疫情健康</div>
            <a href="release.jsp" style="text-decoration:none;">
                <div class="release-btn">发布签到 ></div>
            </a>

        </div>
    </div>
    <div class="text1">做好疫情防控</div>
    <div class="text2">时刻关注学生疫情动态，时刻关注学生疫情健康。</div>
    <div class="todayinfo">
        <div class="not-released">
            <div class="text3">今天还未发布疫情签到</div>
            <a href="release.jsp" style="text-decoration:none;">
                <div class="text4">现在去发布</div>
            </a>
        </div>
        <div class="has-released">
            <div class="row release-head no-gutters">
                <div class="text5 col-9">今日签到已发布</div>
                <div class="col-3 release-time">${applicationScope.today_signin_content.releaseTime}</div>
            </div>
            <div class="text6">发起人: <span class="text6-span">${applicationScope.loginteacher.name}</span></div>
            <div class="text6">签到日: <span class="text6-span">${applicationScope.today_signin_content.signinDay}</span></div>
            <div class="text6">签到时间段: <span class="text6-span">${applicationScope.today_signin_content.signinTime}</span></div>
            <a href="/detail" style="text-decoration:none;">
                <div class="release-btn" style="width: calc(100% - 40px);font-size:15px; margin-top: 10px;margin-left: 20px;">点击查看签到详情 ></div>
            </a>
        </div>
    </div>
    <div class="end-lines">
        <div class="end-line"></div>
        <div class="end-text"> 结束啦 </div>
        <div class="end-line"></div>
    </div>
    <a href="relate.html">
        <div class="foot">

                <div class="foot-icon"><img src="images/guanyu2.png" height="24"></div>
                <div class="foot-text">关于</div>
                <div class="foot-icon">+</div>

        </div>
    </a>
    <a href="relate.html">
    <div class="foot">

            <div class="foot-icon"><img src="images/feedback.png" height="24"></div>
            <div class="foot-text">反馈</div>
            <div class="foot-icon">+</div>
    </div>
    </a>


    <div id="application-scope" style="display: none">${applicationScope.teacher_has_logined}</div>
    <div id="application-scope2" style="display: none">${applicationScope.signin_has_released}</div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
    <script src="js/main.js"></script>
</body>
</html>